<section class="card manual">
    <div class="card-header">
        <filter-list request="request" callback="getList(pageIndex)"></filter-list>
    </div>
    <div class="card-body">
        <sio-data-table ng-init="getList()" data="data" can-drag="request.orderBy === 'Priority' && request.direction === '0'" edit-url="'/portal/permission/details'" columns="columns" child-name="'childs'" on-delete="remove(id)" on-update-infos="updateInfos(items)" on-update-child-infos="updateChildInfos(items)"></sio-data-table>
    </div>
    <div class="card-footer">
        <paging class="small" page="data.page" page-size="data.pageSize" total="data.totalItems" ul-class="pagination justify-content-end" a-class="page-link" paging-action="loadProducts(page-1)" scroll-top="true">
    </paging></div>
</section>
